<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/js/jquery-1.10.1.min.js"></script>
    <script src="../static/js/jquery.ripples-min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html {

            height: 100%;

        }

        body {
            background: url(../static/image/1.jpeg) no-repeat;
            background-size: cover;
            height: 100%;
        }

    </style>
</head>

<body>

</body>
<script>
    /* https://github.com/sirxemic/jquery.ripples */
    $(document).ready(function () {
        try {
            $('body').ripples({
                resolution: 512,
                dropRadius: 20, //px
                perturbance: 0.04,
            });
        } catch (e) {
            $('.error').show().text(e);
        }
    });
</script>

</html>